<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
	<title>StartKit for Adobe Air Application</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link href="styles/theme.css" rel="stylesheet" type="text/css" />	
	<script type="text/javascript" src="js/AIRAliases.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery-1.2.6.pack.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery.mytips.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery.inner_slide-0.2.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery.delay.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/saaa.util.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/saaa.win.js" charset="utf-8"></script>	
	<script type="text/javascript" src="js/saaa.updater.js" charset="utf-8"></script>	
	<script type="text/javascript" src="js/saaa.notifier.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/saaa.browser.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/sandbox.bridge.parent.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/saaa_win.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/air.httpclient.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/tinyxmldom.js" charset="utf-8"></script>

	<script>
		var messages = 0;
		$(document).ready(function() {
			saaa.init_main_win();
			saaa.update();
			$("#menu-item-notifybox").click(function(){
				for(var i = 0; i < 10; i++)
				{
					saaa.notify_win.notify(null, "hello " + messages);
					messages++;
				}					
			});
			$("#menu-item-sandbox").click(function(){
				saaa.processing(function(complete)
				{
					saaa.main_win.load_sandbox($("#content"), 'sandbox', "http://localhost/src/sandbox.html", "http://localhost/", 'app:/', function(jid, sbridge){saaa.main_sandbox = sbridge;},  function(jid, sbridge){				
						$("#menu li").show();
						complete();
					});
				});
			});		 
		});
		
	</script>
	
</head>
<body> 
	<div id="layout" class="default-theme">				
		<div id="header" class="element movable">		 
			<div class="logo">标题栏</div>
			<ul class="toolbar">
				<li class="change-theme-btn" theme="default"><a href="#" style="color:#0d2d60" title="default theme"><span></span></a></li>				
				<li class="change-theme-btn" theme="red"><a href="#" style="color:#e10b09" title="red theme" ><span></span></a></li>
				<li class="change-theme-btn" theme="colorful"><a href="#" style="color:#ffcbea" title="colorful theme" ><span></span></a></li>				
				<li class="change-theme-btn" theme="grey"><a href="#" style="color:#ccc" title="grey theme" ><span></span></a></li>
				<li class="change-theme-btn" theme="blue"><a href="#" style="color:#0e4f6f" title="blue theme" ><span></span></a></li>				
				<li id="disable-always-top-btn"><a href="#" rel="disable-always-top" title="cancel always on top">Ø</a></li>
				<li id="always-top-btn"><a href="#" rel="always-top" title="always on top">Ô</a></li>
				<li id="tray-btn"><a href="#" rel="tray" title="minimize">⊥</a></li>
				<li id="min-btn"><a href="#" rel="min" title="minimize">-</a></li>
				<li id="max-btn"><a href="#" ref="max" title="maximize">O</a></li>
				<li id="restore-btn"><a href="#" ref="restore" title="restore">¤</a></li>
				<li id="close-btn"><a href="#" rel="close" title="close">x</a></li>
			</ul>
			<div id="btn-tooltip"></div>
			<ul id="menu">
				<li><a id="menu-item-notifybox" href="#" class="selected">notifybox</a></li>
			</ul>
		</div>
				   
		<div id="content" class="element"  style="overflow:hidden;">
			
			<div id="start">application has been started.</div>

			<!-- start:custom update message -->
			<div id="update-checking" class="update">Checking for newer version...</div>
			<div id="update-no-newer-version" class="update">There are no newer version avaliable.</div>
			<div id="update-ornot" class="update">
				A newer version has been found.<br/><br/>
				version:<span id="update-newer-version"></span>
				<br/>
				release notes:<span id="update-newer-releasenotes"></span> 
				<br/><br/><b><a href="#" id="update-link-confirm">click herer to update your dorame to lastest version</a></b> <br/><br/>or <a id="update-link-ignore" href="">here</a> to continue current version
			</div>
			<div id="updating" class="update">updating progress:<span id='update-percent'>0</span>%</div>
			<div id="updating-error" class="update">
				error occured when  msg ( <span id="updating-error-msg"><span>).<br/><br/><b><a href="#" id="update-link-error">continue</a></b>
			</div>
			<div id="update-completed" class="update">update complete</div>
			<!-- end:custom update message -->
		</div>
		<div id="footer"  class="element movable" >
			<div>
			<span id="spinner"><img src="images/spinner.gif" border="0"/></span><div id="resize-btn" direction="bottom_right"><a href="#">⊿</a></div>
			</div>
		</div>
	</div>
</body>
</html>